<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>利用 box-reflect 实现 3D 照片墙倒影效果</title>
</head>
<body>
<div class="container">
    <!-- 舞台层 -->
    <div class="stage">
        <!-- 控制层 -->
        <div class="control">
            <!-- 图片层 -->
            <div class="imgWrap">
                <div class="img img1">
                    <img src="https://static.apdnews.com/image/20161228/1482898199741754.jpg">
                </div>
                <div class="img img2"><img src="https://static.apdnews.com/image/20161228/1482898199741754.jpg"></div>
                <div class="img img3"><img
                        src="https://www.womenly.net/wp-content/uploads/2017/03/Tips-to-Maintain-the-Soft-Skin.jpg">
                </div>
                <div class="img img4"><img
                        src="https://www.womenly.net/wp-content/uploads/2017/03/Tips-to-Maintain-the-Soft-Skin.jpg">
                </div>

                <div class="img img5"><img
                        src="https://webneel.com/wallpaper/sites/default/files/images/09-2018/beautiful-woman-wallpaper-annnevreva.jpg">
                </div>
                <div class="img img6"><img
                        src="https://webneel.com/wallpaper/sites/default/files/images/09-2018/beautiful-woman-wallpaper-annnevreva.jpg">
                </div>
                <div class="img img7"><img
                        src="http://mywordsnthoughts.com/myworld/wp-content/uploads/2018/01/beautiful-neck.jpg"></div>
                <div class="img img8"><img
                        src="http://mywordsnthoughts.com/myworld/wp-content/uploads/2018/01/beautiful-neck.jpg"></div>

            </div>
        </div>
    </div>
</div>
</body>
</html>
